<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@include file="AllLoad.jsp"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>B-JUI 客户端框架</title>
<meta name="Keywords"
	content="B-JUI,Bootstrap,DWZ,jquery,ui,前端,框架,开源,OSC,开源框架,knaan" />
<meta name="Description"
	content="B-JUI, Bootstrap for DWZ富客户端框架，基于DWZ富客户端框架修改。主要针对皮肤，编辑器，表单验证等方面进行了大量修改，引入了Bootstrap，Font Awesome，KindEditor，jquery.validationEngine，iCheck等众多开源项目。交流QQ群：232781006。" />
<link href="${server}/styles/css/themes/css/bootstrap.css"
	rel="stylesheet">
<link href="${server}/styles/css/themes/css/style.css" rel="stylesheet">
<link href="${server}/styles/css/themes/blue/core.css"
	id="bjui-link-theme" rel="stylesheet">
<link
	href="${server}/styles/css/plugins/kindeditor_4.1.10/themes/default/default.css"
	rel="stylesheet">
<link
	href="${server}/styles/css/plugins/colorpicker/css/bootstrap-colorpicker.min.css"
	rel="stylesheet">
<link
	href="${server}/styles/css/plugins/niceValidator/jquery.validator.css"
	rel="stylesheet">
<link
	href="${server}/styles/css/plugins/bootstrapSelect/bootstrap-select.css"
	rel="stylesheet">
<link href="${server}/styles/css/themes/css/FA/css/font-awesome.min.css"
	rel="stylesheet">
<link href="${server}/styles/css/themes/blue/core.css" tel="stylesheet">
<script src="${server}/styles/js/main.js"></script>
<script type="text/javascript">
	var i = 0;
	$(function() {
		$("#bjui-accordionmenu").load("${server}/function?type=1",function(){
			$(".menu_1").click(function(){
				var name = $(this).attr("name");
				var showTab = $(this).attr("showTab");
				if(showTab!="1"){
					$(".active").removeClass("active");
					$(".unitBox").hide();
					$("#tab_Title").append("<li class=\"active "+"tab"+i+"_1\" name = \""+"tab"+i+"\"><a href=\"javascript:\" title=\""+$(this).attr("title")+"\"><span>"+$(this).attr("title")+"</span></a><span class=\"close\" name = "+"tab"+i+">×</span></li>")
					$(".navtab-panel").append("<div class=\"navtabPage unitBox fade in "+"tab"+i+"\" style=\"display: block;\"></div>");
					$(".close").click(function(){
						var name = $(this).attr("name");
						$("."+name+"_1").remove();
						$("."+name).remove();
						$("._"+name).attr("showTab",0);
					});
					$("."+"tab"+i+"_1").click(function(){
						$(".active").removeClass("active");
						$("." + name + "_1").addClass("active");
						$(".unitBox").hide();
						$("." + name + "").show();
						$("."+$(this).attr("name")).show()
					});
					$(this).attr("name","tab"+i);
					$(this).addClass("_tab"+i);
					loadJsp($(this).attr("from"),$(this).attr("link"));
					$("."+"tab"+i+"").load("${server}"+$(this).attr("link"));
					i++;
					$(this).attr("showTab",1);
				}else{
					$(".active").removeClass("active");
					$("." + name + "_1").addClass("active");
					$(".unitBox").hide();
					$("." + name + "").show();
				}
			});
		});
		$(window).resize(
				function() {
					$("#bjui-container").css(
							"height",
							(parseInt($(window).height())
									- ($("#bjui-header").height() + $(
											"#bjui-footer").height()) - 5)
									+ "px");
					$(".navtab-panel").height(
							(parseInt($(window).height())
									- ($("#bjui-header").height() + $(
											"#bjui-footer").height()) - 31)
									+ "px");
					$(".navtab-panel").width(
							(parseInt($(window).width()) - 210) + "px");
				});
		var today = new Date(), time = today.getTime();
		$('#bjui-date').html(formatDate(today, 'yyyy/MM/dd'));
		var changesize = 0;
		setInterval(function() {
			if (changesize == 0) {
				changesize = 1
				resize();
				$('#bjui-date').html(formatDate(today, 'yyyy/MM/dd'));
			}
			today = new Date(today.setSeconds(today.getSeconds() + 1));
			$('#bjui-clock').html(formatDate(today, 'HH:mm:ss'));
		}, 1000);
	});
</script>
<!-- for doc end -->
</head>
<body>
	<!--[if lte IE 7]>
        <div id="errorie"><div>您还在使用老掉牙的IE，正常使用系统前请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
    <![endif]-->
	<div id="bjui-window">
		<header id="bjui-header">
			<div class="bjui-navbar-header">
				<button type="button" class="bjui-navbar-toggle btn-default"
					data-toggle="collapse" data-target="#bjui-navbar-collapse">
					<i class="fa fa-bars"></i>
				</button>
				<a class="bjui-navbar-logo" href="#"><img
					src="${server}/styles/images/logo.png"></a>
			</div>
			<nav id="bjui-navbar-collapse">
				<ul class="bjui-navbar-right">
					<li class="datetime"><div>
							<span id="bjui-date"></span> <span id="bjui-clock"></span>
						</div></li>
					<li><a href="#">消息 <span class="badge">4</span></a></li>
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown">我的账户 <span class="caret"></span></a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="changepwd.html" data-toggle="dialog"
								data-id="changepwd_page" data-mask="true" data-width="400"
								data-height="260">&nbsp;<span
									class="glyphicon glyphicon-lock"></span> 修改密码&nbsp;
							</a></li>
							<li><a href="#">&nbsp;<span
									class="glyphicon glyphicon-user"></span> 我的资料
							</a></li>
							<li class="divider"></li>
							<li><a href="login.html" class="red">&nbsp;<span
									class="glyphicon glyphicon-off"></span> 注销登陆
							</a></li>
						</ul></li>
					<li class="dropdown"><a href="#"
						class="dropdown-toggle theme blue" data-toggle="dropdown"
						title="切换皮肤"><i class="fa fa-tree"></i></a>
						<ul class="dropdown-menu" role="menu" id="bjui-themes">
							<li><a href="javascript:;" class="theme_default"
								data-toggle="theme" data-theme="default">&nbsp;<i
									class="fa fa-tree"></i> 黑白分明&nbsp;&nbsp;
							</a></li>
							<li><a href="javascript:;" class="theme_orange"
								data-toggle="theme" data-theme="orange">&nbsp;<i
									class="fa fa-tree"></i> 橘子红了
							</a></li>
							<li><a href="javascript:;" class="theme_purple"
								data-toggle="theme" data-theme="purple">&nbsp;<i
									class="fa fa-tree"></i> 紫罗兰
							</a></li>
							<li class="active"><a href="javascript:;" class="theme_blue"
								data-toggle="theme" data-theme="blue">&nbsp;<i
									class="fa fa-tree"></i> 天空蓝
							</a></li>
							<li><a href="javascript:;" class="theme_green"
								data-toggle="theme" data-theme="green">&nbsp;<i
									class="fa fa-tree"></i> 绿草如茵
							</a></li>
						</ul></li>
				</ul>
			</nav>

		</header>
		<div id="bjui-container" class="clearfix">
			<div id="bjui-leftside" style="height: 100%;">
				<div id="bjui-sidebar-s" style="height: 100%;">
					<div class="collapse"></div>
				</div>
				<div id="bjui-sidebar" style="height: 100%;">
					<div class="toggleCollapse">
						<h2>
							<i class="fa fa-bars"></i> 导航栏 <i class="fa fa-bars"></i>
						</h2>
						<a href="javascript:;" class="lock"><i class="fa fa-lock"></i></a>
					</div>
					<div class="panel-group panel-main" data-toggle="accordion"
						id="bjui-accordionmenu">
							
					</div>
				</div>
			</div>
			<div id="bjui-navtab" class="tabsPage"style="height: 100%;">
				<div class="tabsPageHeader">
					<div class="tabsPageHeaderContent">
						<ul id = "tab_Title" class="navtab-tab nav nav-tabs">
							<li data-url="index_layout.html" data-faicon="home"><a
								href="javascript:;"><span><i class="fa fa-home"></i>
										Welcome</span></a></li>
						</ul>
					</div>
					<div class="tabsLeft">
						<i class="fa fa-angle-double-left"></i>
					</div>
					<div class="tabsRight">
						<i class="fa fa-angle-double-right"></i>
					</div>
					<div class="tabsMore">
						<i class="fa fa-angle-double-down"></i>
					</div>
				</div>
				<ul class="tabsMoreList">
					<li><a href="javascript:;">#maintab#</a></li>
				</ul>
				<div class="navtab-panel tabsPageContent">
					<div class="navtabPage unitBox fade in" style="display: block;">
					</div>
				</div>
			</div>
		</div>
		<footer id="bjui-footer">
			Copyright &copy; 2013 - 2015 <a href="http://www.cdjinyang.com/"
				target="_blank">成都锦杨科技</a>
			<!--  
        <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1252983288'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s23.cnzz.com/stat.php%3Fid%3D1252983288%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
        -->
		</footer>
	</div>
</body>
</html>